import styled from 'styled-components'

export const DiscoverWrap = styled.div `
  
  .nav-top{
    height: 35px;
    background-color: #C20C0C;
  }

`

export const TopMenu = styled.div `
  height: 35px;
  display: flex;
  padding-left: 180px;


  
  .item{
      a{
      display: block;
      height: 20px;
      line-height: 20px;
      padding: 0 13px;
      margin: 7px 17px 0;
      text-decoration: none;
      color: #ffff;
      }

      &:hover a,.active {
        background-color: #9b0909;
        border-radius: 20px;
      }
  }
`